@import "../../../../base/base";

.mArtist {


  &__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-right: -20px;
    -webkit-overflow-scrolling: touch;

    li {
      padding-right: 6px;
    }

    li:last-child {
      padding-right: 20px;
    }

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .artistInfo {
    display: block;
    width: 80px;
    text-align: center;
    text-decoration: none;

    &__image {
      width: 80px;
      height: 110px;
      background-color: #ccc;
      background-size: cover;
    }

    &__name {
      font-size: 14px;
      color: $black;
      margin: 10px 0;
    }

    &__job {
      font-size: 12px;
      color: $gray;
      margin: 0;
    }

  }
}
